﻿@model OnlineBookstore.Models.BookDetailsInfo

@{
	Layout = null;
}
<head>
	<meta charset="utf-8" />
	<title>后台管理</title>
	<link rel="stylesheet" href="~/conjs/global.css" />
	<link href="~/conjs/cityLayout.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" href="~/conjs/Site.css" />
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            color: #333;
        }
        .box {
            margin: 60px 25%;
        }

        #header {
            background-color: #333;
            color: #fff;
            padding: 10px 0;
            text-align: center;
        }

        #logo {
            display: inline-block;
            font-size: 24px;
            font-weight: bold;
        }

        #loginmsg {
            float: right;
            margin-right: 20px;
        }

        #menu {
            background-color: #444;
            color: #fff;
            padding: 10px 0;
            text-align: center;
        }

            #menu ul {
                list-style: none;
                padding: 0;
                margin: 0;
            }

                #menu ul li {
                    display: inline-block;
                    margin: 0 10px;
                }

                    #menu ul li a {
                        color: #fff;
                        text-decoration: none;
                    }

        #content {
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            margin: 20px auto;
            width: 80%;
        }

        .dl-horizontal {
            margin: 0;
            padding: 0;
        }

            .dl-horizontal dt {
                font-weight: bold;
                margin-bottom: 10px;
            }

            .dl-horizontal dd {
                margin-bottom: 20px;
            }

            .dl-horizontal img {
                border: 1px solid #ddd;
                border-radius: 4px;
            }

        #footer {
            text-align: center;
            padding: 10px 0;
            margin-top: 20px;
            background-color: #333;
            color: #fff;
        }
        .action-btn {
            padding: 0.5rem 1rem;
            border-radius: 20px;
            text-decoration: none;
            font-size: 0.9rem;
            transition: all 0.3s ease;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background-color:antiquewhite;
        }
    </style>
</head>
<body>


	<div id="all">
		<!--页眉-->
		<!--未登录-->
		<div id="header">
			<div id="logo"><span id="logotxt">广软智慧书城</span></div>
			<div id="loginmsg">

				@Html.ActionLink("退出", "Index", "ShopInfo")
			</div>

			<div style="clear:both;"></div>
		</div>
		<div id="menu">
			<ul>
				

			</ul>
		</div>
		<div style="clear:both;"></div>
		<div id="content" style=" width:1000px">
			<!--页面内容部分-->


			<div id="content" style=" width:800px">

				<h4>书籍商城详情</h4>
				<hr />
				<dl class="dl-horizontal">
					<dt>
						<p>编号</p>
					</dt>

					<dd>
						@Html.DisplayFor(model => model.BookCode)
					</dd>

					<dt>
						<p>名称</p>
					</dt>

					<dd>
						@Html.DisplayFor(model => model.BookName)
					</dd>

					<dt>
						<p>作者</p>

					</dt>

					<dd>
						@Html.DisplayFor(model => model.BookAuthor)
					</dd>

					<dt>
						<p>出版社</p>

					</dt>

					<dd>
						@Html.DisplayFor(model => model.Bookpress)
					</dd>

					<dt>
						<p>价格</p>

					</dt>

					<dd>
						@Html.DisplayFor(model => model.BookPrice)
					</dd>
					<dt>
						<p>分类</p>
					</dt>

					<dd>
						@Html.DisplayFor(model => model.Booksort)
					</dd>
					<hr />
					<dt>
						<p  style="color :red">封面</p>
						

					</dt>

					<dd>
						<img src="@Html.DisplayFor(model => model.Bookcover)" width="150px" height="200px" />
					</dd>



				</dl>
			</div>
			<div class="action-btn">
				@Html.ActionLink("返回", "GetBookList")
			</div>
			<!--页脚-->
			<div id="footer">
				<hr style="margin:20px 0px;" /> 网上书城---MVC
			</div>
		</div>
	</div>



	<script type="text/javascript" src="~/conjs/bootstrap.js"></script>
	<script type="text/javascript" src="~/conjs/jquery-3.3.1.js"></script>
	<script type="text/javascript" src="~/conjs/jquery-3.4.1.js"></script>
</body>




